<!--
 * @Description: 
 * @Author: 赵华宇
 * @Date: 2024-11-01 10:53:42
 * @LastEditors: 赵华宇
 * @LastEditTime: 2024-11-01 16:17:26
-->
 <!-- 告诉历览器 Html的版本是H5 -->
 <!DOCTYPE html>
 <!-- 语言English -->
 <html lang="en">
 <!-- 文档头部 -->
 <head>
     <!-- 信息标签 字符编码格式 -->
     <meta charset="UTF—8">
     <!-- 可使用宽度为视口宽度 初始缩放比例为1 -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>世界翻译</title>
     <!-- 设置选项卡图标 -->
      <link rel="icon" href="./img/favicon.png"
      type="image/png">
 </head>
 <!-- 文档主体 在网页的视口区显示-->
 <body>
    <div>hello,world</div>
    <div>hello,world</div>
    hello <br /> world
    <img src="./img/favicon.png" alt="" />
    <span>行内元素</span>
    <span>行内元素</span>
    <span>行内元素</span>
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <a href="https://baidu.com">百度一下，你就知道</a>
    <a href="https://baidu.com">百度一下，你就知道</a>
    <a href="https://baidu.com">百度一下，你就知道</a>
    <p>段落</p>
    <p>段落</p>
    <p>段落</p>
    <h3>注册</h3>
    <form action="">
      <div>
        用户名：<input class="formInput" type="text" name="username">
      </div>
      <div>
        密码 ：<input class="formInput" type="password" name="password">
      </div>
      <div>
        性别：
        <label for="genderNan">
          男<input id="genderNan" type="radio" name="gender" value="男">
        </label>
        女<input type="radio" name="gender" value="女">
      </div>
      <div>
        爱好：
        🏀<input type="checkbox" name="like" value="🏀">
        ⚽️<input type="checkbox" name="like" value="⚽️">
        🏓<input type="checkbox" name="like" value="🏓">
      </div>
      <div>
        城市：
        <select name="city">
          <option value="">请选择</option>
          <option value="北京">北京</option>
          <option value="上海">上海</option>
          <option value="广州">广州</option>
        </select>
      </div>
      <div>
        生日：
        <input type="date" name="birth">
      </div>
      <div>
        个人介绍：
        <textarea name="info" cols="30" rows="5"></textarea>
      </div>
      <div>
        <!-- 如需要其他功能 要绑定事件 -->
        <input type="button" value="普通按钮">
        <input type="submit" value="提交按钮">
        <input type="reset" value="重置按钮">
      </div>
    </form>
  </body>
  <!-- html的结束标签 -->
  </html>